<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>SecretCommand</h1>
    <p>在页面中按键进行指令检测, 并执行回调, 类似于GTA游戏中的秘籍</p>
    
    <script src="./index.js"></script>
    <script>
        // 启用显示面板, 在按键时会在页面右上角显示案件内容
        // 不执行或调用disablePanel()即可隐藏
        SecretCommand.enablePanel();

        // 绑定命令, 输入red将h1的color设为red
        SecretCommand.on('red', function() {
            document.querySelector('h1').style.color = 'red';            
        });

        // 绑定命令, 输入blue将h1的color设置为blue
        SecretCommand.on('blue', function() {
            document.querySelector('h1').style.color = 'blue';
        });
    </script>
</body>
</html>